<template>
  <div>
    <a-modal v-model:open="modalOpen" title="" width="30%" :footer="null">
      <a-space
        class="modal-content"
        direction="vertical"
        style="width: 100%"
        :size="16"
      >
        <img :src="positioning" />
        <div>您暂未配置退货地址，请先配置退货地址</div>
        <a-button type="primary" @click="handleSetting">去配置</a-button>
      </a-space>
    </a-modal>
  </div>
</template>
<script setup>
import { ref } from "vue";
import positioning from "../assets/positioning.png";
import { useRouter } from "vue-router";
const router = useRouter();
function handleSetting() {
  router.push("/configManage/address");
}
const modalOpen = ref(false);
defineExpose({ modalOpen });
</script>

<style lang="less">
.modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #262e47;
  font-size: 14px;
  padding: 20px 0;
  box-sizing: border-box;
}
</style>
